export const borderStyle = {
    type: 'string',
    'x-decorator': 'FormItem',
    'x-component': 'Select',
    enum: [
        {
            label: 'solid',
            value: 'solid',
        },
        {
            label: 'dashed',
            value: 'dashed',
        },
        {
            label: 'dotted',
            value: 'dotted',
        }
    ]
}

export const borderWidth = {
    type: 'number',
    'x-decorator': 'FormItem',
    'x-component': 'InputButton',
}

export const borderColor = {
    type: 'string',
    'x-decorator': 'FormItem',
    'x-component': 'PickerInput',
}
export const commonBorderProperties = {
    borderTop: {
        type: 'void',
        title: '上',
        'x-decorator': 'FormItem',
        'x-decorator-props': {
            feedbackLayout: 'none',
            display: 'none'
        },
        properties: {
            borderTopWidth: {...borderWidth},
            borderTopStyle: {...borderStyle},
            borderTopColor:{...borderColor},
        }
    },
    borderRight: {
        type: 'void',
        title: '右',
        'x-decorator': 'FormItem',
        'x-decorator-props': {
            feedbackLayout: 'none',
            display: 'none'
        },
        properties: {
            borderRightWidth: {...borderWidth},
            borderRightStyle: {...borderStyle},
            borderRightColor: {...borderColor},
        }
    },
    borderBottom:{
        type: 'void',
        title: '下',
        'x-decorator': 'FormItem',
        'x-decorator-props': {
            feedbackLayout: 'none',
            display: 'none'
        },
        properties: {
            borderBottomWidth: {...borderWidth},
            borderBottomStyle: {...borderStyle},
            borderBottomColor: {...borderColor},
        },
        borderLeft:{
            type: 'void',
            title: '左',
            'x-decorator': 'FormItem',
            'x-decorator-props': {
                feedbackLayout: 'none',
                display: 'none'
            },
            properties: {
                borderLeftWidth: {...borderWidth},
                borderLeftStyle: {...borderStyle},
                borderLeftColor: {...borderColor},
            }
        }
    }
}